<script setup>
import { ref } from 'vue'
// ref is a function，也是创建响应式的函数，功能更强大，支持基本数据类型和复杂数据类型（对象，数组）
// ref返回一个响应式的对象，对象中有一个属性value，用来获取ref创建的响应式对象
// ref创建的响应式对象，只能获取value属性，不能获取其他属性
const count = ref(0)
const addCount = () => {
  // console.log(count);

  count.value++
}
</script>
<template>
  <!-- 结构template 会自动解包，无需写value -->
  <h1>{{count}}</h1>
  <button @click="addCount">+1</button>
  <button @click="count=count+10">+10</button>
</template>
<style></style>
